$MenuWidth: 220px;
$MenuHeaderHeight: 50px;

$breakpoint-es: 500px;
$breakpoint-sm: 768px;
$breakpoint-md: 1280px;
$breakpoint-lg: 1440px; //1920, 1600, 1440, 1280, 768, 500 , 350
$breakpoint-el: 1600px;

//global variables
$font-xxs: 12px;
$font-extra-small: 14px;
$font-medium-small: 16px;
$font-small: 18px;
$font-normal: 20px;
$font-extra-large: 24px;

$font-bold: bold;

//Mizar theme color
$color-theme-orange: #eb9b31;
$color-theme-navy: #3b4765;
$color-theme-lightblue: #79839b;
$color-theme-blue: #626c84;
$color-theme-lightgrey: #ecedee;
$color-theme-grey: #565656; //只限用于字体

//colors
$color-text-grey: #666666;
$color-text-lightGrey: #666666;
$color-text-grey2: #666666;
$color-text-lightGrey: #999999;
$color-text-almostBlack: #403f3f;

$color-text-white: #ffffff;
$color-text-label: #333333;
$color-text-enabled: #666666;
$color-text-disabled: #999999;

$color-bg-white: #ffffff;
$color-bg-grey1: #f4f4f4;
$color-bg-grey2: #fafafa;
$color-bg-grey3: #cccccc;
$color-bg-grey4: #999999;
$color-bg-grey5: #7a7a7a;
$color-bg-grey6: #e5e5e5;
$color-bg-grey7: #cbcbcb;

$color-theme-green1: #019d87;
$color-theme-green2: #3eaf88;
$color-theme-green3: #d7f4cd;
$color-theme-green4: #edfddd;
$color-theme-green5: #f8ffd1;
$color-theme-green6: #fafff5;
$color-theme-green7: #f7fae5;
$color-theme-green8: #ddfaec;

$color-theme-grey1: #333333;
$color-theme-grey2: #666666;
$color-theme-grey3: #999999;
$color-theme-grey4: #cccccc;
$color-theme-grey5: #dddddd;
$color-theme-grey6: #f4f4f4;
$color-theme-grey7: #fcfcfc;
$color-theme-grey8: #fafafa;
$color-theme-grey9: #ffffff;

$color-theme-aqua1: #50bcd6;
$color-theme-aqua2: #8de0d4;
$color-theme-aqua3: #a8f5eb;
$color-theme-aqua4: #d1fffd;
$color-theme-aqua5: #edf6ff;
$color-theme-aqua6: #f5faff;

$color-theme-blue1: #006fce;
$color-theme-blue2: #5383dd;
$color-theme-blue3: #4ca4ef;
$color-theme-blue4: #6ebcfd;
$color-theme-blue5: #9fe1e2;
$color-theme-blue6: #cce8ff;
$color-theme-blue7: #deebf7;

$color-theme-lime1: #cdfd96;
$color-theme-lime2: #c5d952;
$color-theme-lime3: #d2ff8d;

$color-theme-red1: #db5f5f;
$color-theme-red2: #ea764b;
$color-theme-red3: #f88c64;
$color-theme-red4: #fcabab;
$color-theme-red5: #ffe7de;

$color-theme-purple1: #6b52d8;
$color-theme-purple2: #946ad6;
$color-theme-purple3: #c5b4ff;
$color-theme-purple4: #d6cbfd;
$color-theme-purple5: #ece0ff;
$color-theme-purple6: #e4e1ed;
$color-theme-purple7: #f2effd;
$color-theme-purple8: #fbf8ff;

$color-theme-orange1: #e6700a;
$color-theme-orange2: #ff9c46;
$color-theme-orange3: #f4aa46;
$color-theme-orange4: #ffe8b5;
$color-theme-orange5: #fff1d3;
$color-theme-orange6: #fff8ea;
$color-theme-orange7: #f5efe2;

$color-theme-SW: #ea764b;
$color-theme-CP: #f0c245;
$color-theme-OT: #58c2db;
$color-theme-PSW: #8fd340;

$color-theme-work1: #e1e1e1;
$color-theme-work2: #c4c4c4;
$color-theme-work3: #565656;
$color-theme-work4: #363333;

$color-theme-bg1: #3876ab;
$color-theme-bg2: #e9f4ff;
$color-theme-bg3: #fafaff;
$color-theme-bg4: #bcdcea;
$color-theme-bg5: #bddce9;
$color-theme-bg6: #ccebf8;

$color-theme-pc1: #3bba27;
$color-theme-pc2: #fe852a;
$color-theme-pc3: #ff403f;

$color-theme-chart1: #4a71bb;
$color-theme-chart2: #dc8143;
$color-theme-chart3: #a3a3a3;
$color-theme-chart4: #f2be41;
$color-theme-chart5: #6798ce;
$color-theme-chart4: #030303;
$color-theme-chart5: #2a4272;